<template>
	<view class="content">
		<view class="kechengTiku flex-height-between">
			
		</view>
		<scroll-view>
			<view class="borde-padd-24">
				<view class="border-top-list flex" @click="goPages('/pages/ai/baogao?id='+item.id)" v-for="item in appraisalStatus">
					<view class="conterArr">
						<view class="ellipsis title">{{item.type}}</view>
						
						<view class="jilisy">
							测评时间: {{item.add_time}}
						</view>
					</view>
				</view>
			</view>
		</scroll-view>
		<footerTer></footerTer>
		
	</view>
</template>

<script>
	import footerTer from "../../components/footer.vue"
	
	// special/learningRecords
import {
		Request
	} from '@/utils/request.js'
	export default{
		components:{
			footerTer
		},
		data(){
			return {
				appraisalStatus:[],
				page:1,
				jobConList:[],
				imgUrl:this.imgUrl,
			}
		},
		onLoad() {
			this.appraisalgetAppraisalAll()
		},
		methods:{
			onSwitchFun(index){
				this.tabIndex=index;
			},
			goPages(path){
				uni.navigateTo({
					url:path
				})
			},
			scroll(e){
				this.page=this.page+1;
				this.joblist()
			},
			appraisalgetAppraisalAll(){
							
				Request('appraisal/getAppraisalAll',{
				}).then((res)=>{
					this.appraisalStatus=res;
				})
				
			},
		}
	}
</script>

<style scoped>
	.kechengTiku{
		width: 750rpx;
		height: 30rpx;
		background: #FFFFFF;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}
	.tablist{
		flex: 1;
		line-height: 90rpx;
		text-align: center;
	}
	.tablist.active{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #0D0E0F;
		text-align: center;
		font-style: normal;
		position: relative;
		text-transform: none;
	}
	.tablist.active::after{
		content: '';
		position: absolute;
		bottom: -2rpx;
		left: 50%;
		transform: translate(-50%);
		width: 48rpx;
		height: 4rpx;
		background: #3B5EEC;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}
	.border-top-list{
		height: 180rpx;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin-bottom: 16rpx;
		padding: 16rpx;
		box-sizing: border-box;
	}
	.left-ings{
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 238rpx;
		height: 154rpx;
	}
	.conterArr{
			box-sizing: border-box;
			padding: 0 24rpx;
			padding-top: 8rpx;
		}
		.conterArr	  .title{
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: #0D0E0F;
				text-align: left;
				font-style: normal;
				text-transform: none;
		}
		.questionbank-conter{
			margin-bottom: 40rpx;
		}
		.conte  .lis{
		height: 40rpx;
		background: #F2F4F7;
		box-sizing: border-box;
		padding: 5rpx 12rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 22rpx;
		color: #8F9294;
		text-align: left;
		font-style: normal;
		margin-right: 8rpx;
		text-transform: none;
	}
		 .money{
		font-family: MiSans, MiSans;
		font-weight: 600;
		margin-top: 16rpx;
		font-size: 32rpx;
		color: #E26262;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
		 .fuho{
		font-size: 24rpx;
		padding-top: 9rpx;
		margin-right: 5rpx;
	}
	.jilisy{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 22rpx;
		color: #8F9294;
		text-align: left;
		font-style: normal;
		padding-top: 16rpx;
		text-transform: none;
	}
	.conbenetArr{
		width: 750rpx;
		height: 122rpx;
		background: #F7F8FA;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}
	.user-kechen{
		flex: 1;
		text-align: center;
	}
	.user-kechen .num{
		font-family: MiSans, MiSans;
		font-weight: 600;
		font-size: 28rpx;
		color: #0D0E0F;
		text-align: center;
		font-style: normal;
		text-transform: none;
	}
	.user-kechen .title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #646669;
		text-align: center;
		font-style: normal;
		text-transform: none;
	}
	.imag-lis-img{
		width: 96rpx;
		margin-right: 16rpx;
		height: 96rpx;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
	}
	.state_box .state{
		width: 60rpx;
		height: 32rpx;
		background: #419CF7;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 22rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 32rpx;
		font-style: normal;
		text-transform: none;
		margin-right: 16rpx;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
	}
		
	.state_box .title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #0D0E0F;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.learningRecord-list{
		padding-bottom: 40rpx;
	}
	.learningRecord-list .shijian {
		width: 196rpx;
		height: 40rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		border: 1rpx solid #E1E4E8;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 22rpx;
		color: #8F9294;
		text-align: center;
		line-height: 40rpx;
		margin-top: 16rpx;
		font-style: normal;
		text-transform: none;
	}
	.learningRecord-list .tag{
		width: 96rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 24rpx;
		color: #3B5EEC;
		text-align: center;
		line-height: 56rpx;
		font-style: normal;
		margin-left: 12rpx;
		text-transform: none;
		height: 56rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}
	.tag.left{
		background: #E5E8F7;
		color: #3B5EEC;
	}
	.tag.right{
		background:#3B5EEC;
		color: #fff;
	}
</style>